.content {
  position: relative;
  width: 100%;
}

.ant-modal-root>>>.ant-modal-content>.ant-modal-header {
  background: #d7d7d7;
  padding: 13px 24px;
}

.ant-modal-root>>>.ant-modal-content>.ant-modal-footer {
  text-align: center;
  border-top: 0;
  margin-top: 10px;
}

.ant-modal-root>>>.ant-modal-content {
  border-radius: 8px;
}

.ant-modal-root>>>.ant-modal-content>.ant-modal-body div:nth-child(1) {
  margin-bottom: 5px;
  text-align: left;
}

.ant-modal-root>>>.ant-modal-content>.ant-modal-body div:nth-child(2) {
  text-align: left;
}

.ant-modal-root>>>.ant-modal-content>.ant-modal-body div:nth-child(3) {
  text-align: left;
}

.ant-modal-root>>>.ant-modal-content>.ant-modal-body div:nth-child(2)>.ant-radio-group .ant-radio-wrapper:nth-child(1) {
  margin-right: 22px;
}

.ant-btn[disabled] {
  background-color: rgba(245, 245, 245, .2);
}

.ant-modal-root>>>.ant-modal {
  width: 50% !important;
}

.three_left>>>.el-select:nth-child(2) {
  box-sizing: border-box;
}

.el-select>>>.el-select__tags {
  height: 30px;
  overflow-y: scroll;
}

.el-select>>>.el-select__tags::-webkit-scrollbar {
  width: 0 !important
}

.el-select>>>.el-select__tags {
  -ms-overflow-style: none;
}

/* //IE 10+ */
.el-select>>>.el-select__tags {
  overflow: -moz-scrollbars-none;
}

/* //Firefox */
.fore_right {
  text-align: right;
}

.fore_right button:nth-child(1) {
  color: #1890ff;
  background: #e8f4ff;
  border-color: #a3d3ff;
}

.fore_right button:nth-child(1):hover {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}

.fore_right button:nth-child(2) {
  color: #71e2a3;
  background: #e7faf0;
  border-color: #d0f5e0;
}

.fore_right button:nth-child(2):hover {
  color: #fff;
  background: #13ce66;
  border-color: #13ce66;
}

.fore_right button:nth-child(3) {
  color: #ffba00;
  background: #fff8e6;
  border-color: #ffe399;
}

.fore_right button:nth-child(3):hover {
  color: #fff;
  background: #ffba00;
  border-color: #ffba00;
}

.fore_right button:nth-child(4) {
  color: #f892ff;
  background: #ffedfa;
  border-color: #f7dbff;
}

.fore_right button:nth-child(4):hover {
  color: #fff;
  background: #e779f3;
  border-color: #fddbff;
}

.fore_right button:nth-child(5):hover {
  color: #fff;
  background: #ff4949;
  border-color: #ff4949;
}

.fore_right button:nth-child(5) {
  color: #ff9292;
  background: #ffeded;
  border-color: #ffdbdb;
}

.fore_right button:nth-child(2).is-disabled {
  color: #C0C4CC;
  background: #fff;
  border-color: #EBEEF5;
}

.fore_right button:nth-child(2).is-disabled {
  color: rgb(113, 226, 163, .5);
  background: #e7faf0;
  border-color: #d0f5e0;
}

.fore_right button:nth-child(3).is-disabled {
  color: rgba(255, 186, 0, .5);
  background: #fff8e6;
  border-color: #ffe399;
}

.fore_right button:nth-child(4).is-disabled {
  color: rgba(248, 146, 255, .5);
  background: #ffedfa;
  border-color: #f7dbff;
}

.fore_right button:nth-child(5).is-disabled {
  color: rgba(255, 146, 146, .5);
  background: #ffeded;
  border-color: #ffdbdb;
}

@media all and (min-width: 1845px) {
  .three_left>>>.tarch_r>.el-input {
    width: 212px;
  }

  .three_left>>>.tarch_r {
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(2) {
    margin-right: 10px !important;
  }

  .three_left>>>div:nth-child(3) {
    margin-right: 10px !important;
  }

  .three_left>>>div:nth-child(4) {
    margin-right: 10px !important;
    width: 212px !important;
  }
}

@media all and (max-width: 1844px) {
  .three_left>>>.tarch_r>.el-input {
    width: 212px;
  }

  .three_left>>>.tarch_r {
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(2) {
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(3) {
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(4) {
    margin-right: 15px !important;
    width: 217px !important;
  }
}

@media all and (min-width: 1680px) and (max-width: 1725px) {
  /* .fore_right{ padding-left: 120px !important; } */
}

@media all and (max-width: 1679px) {
  .three_left>>>.tarch_r>.el-input {
    width: 212px;
  }

  .three_left>>>.tarch_r {
    width: 250px !important;
    margin-right: 10px !important;
  }

  .three_left>>>div:nth-child(2) {
    width: 180px !important;
    margin-right: 10px !important;
  }

  .three_left>>>div:nth-child(3) {
    width: 180px !important;
    margin-right: 10px !important;
  }

  .three_left>>>div:nth-child(4) {
    width: 180px !important;
    margin-right: 10px !important;
  }

  .three_left>>>div:nth-child(5) {
    width: 180px !important;
  }
}

@media all and (max-width: 1599px) {
  .three_left>>>.tarch_r>.el-input {
    width: 212px;
  }

  .three_left>>>.tarch_r {
    width: 220px !important;
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(2) {
    width: 160px !important;
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(3) {
    width: 160px !important;
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(4) {
    width: 160px !important;
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(5) {
    width: 160px !important;
  }
}

@media all and (min-width: 1400px) and (max-width: 1491px) {
  .col {
    padding-left: 0;
  }
}

@media all and (min-width: 1425px) and (max-width: 1545px) {
  .fore_right {
    padding-left: 0 !important;
  }

  .fore_right>>>.el-button {
    margin-left: 5px;
    width: 69px;
  }
}

@media all and (min-width: 1400px) and (max-width: 1425px) {
  .fore_right {
    padding-left: 0 !important;
  }

  .fore_right>>>.el-button {
    margin-left: 5px;
    width: 69px;
  }
}

@media all and (max-width: 1399px) {
  .three_left>>>div:nth-child(2) {
    width: 200px !important;
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(3) {
    width: 200px !important;
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(4) {
    width: 200px !important;
    margin-right: 15px !important;
  }

  .three_left>>>div:nth-child(5) {
    width: 200px !important;
  }

  .fore_right {
    margin-top: 15px;
    padding-left: 0 !important;
  }
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
  .fore_right {
    text-align: left;
  }

  .three_left {
    display: flex;
    flex-wrap: wrap !important;
  }

  .three_left>>>div:nth-child(2) {
    margin-bottom: 10px !important;
  }

  .three_left>>>div:nth-child(5) {
    margin-bottom: 10px !important;
    width: 220px !important;
  }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  .fore_right {
    text-align: left;
    margin-top: 0;
  }

  .fore_right>>>.el-button:nth-child(1),
  .fore_right>>>.el-button:nth-child(2),
  .fore_right>>>.el-button:nth-child(3) {
    margin-bottom: 10px;
  }

  .fore_right>>>.el-button:nth-child(4) {
    margin-left: 0;
  }

  .three_left {
    display: flex;
    flex-wrap: wrap !important;
  }

  .three_left>>>div:nth-child(2) {
    margin-bottom: 10px;
  }

  .three_left>>>div:nth-child(4) {
    margin-bottom: 10px !important;
    width: 220px !important;
  }

  .three_left>>>div:nth-child(4) .el-input {
    width: 100% !important;
  }
}

@media all and (min-width: 801px) and (max-width: 991px) {
  .fore_right {
    text-align: left;
  }

  .three_left {
    display: flex;
    flex-wrap: wrap !important;
  }

  .three_left>>>div:nth-child(2) {
    margin-bottom: 10px;
  }

  .three_left>>>div:nth-child(4) {
    margin-bottom: 10px !important;
    width: 220px !important;
  }

  .three_left>>>div:nth-child(4) .el-input {
    width: 100% !important;
  }
}

@media all and (max-width: 800px) {
  .fore_right {
    text-align: left;
  }

  .three_left {
    display: flex;
    flex-wrap: wrap !important;
  }

  .three_left>>>div:nth-child(2) {
    margin-bottom: 10px;
  }

  .three_left>>>div:nth-child(4) {
    margin-bottom: 10px !important;
    width: 220px !important;
  }

  .three_left>>>div:nth-child(4) .el-input {
    width: 100% !important;
  }
}

.container {
  max-width: 100% !important;
  margin: 0;
  padding: 0;
}

.aroundOf {
  text-align: left;
  border-left: 3px solid #0079fe;
  padding-left: 10px;
  line-height: 22px;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.courseware_list {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
}

.courseware_list .above {
  width: 100%;
  margin-bottom: 15px;
}

.three_left {
  display: flex;
}

.courseware_list .el-button {
  height: 40px;
}

.demo-image__preview {
  width: 100%;
  height: 100%;
}

.index-main {
  width: calc(100% - 180px);
  position: absolute;
}

.transitionName-enter-active {
  transition: all .6s ease-in;
}

/* 设置持续时间和动画函数 */
/* 可以设置不同的进入和离开动画 */
.transitionName-leave-active {
  transition: all 0s ease-out cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.transitionName-enter,
.transitionName-leave-to {
  transform: translateX(35px);
  opacity: 0;
}

.create-isLoading>>>.el-loading-spinner {
  width: 80%;
  height: 100%;
}

.item {
  position: relative;
  padding: 6px;
  background-color: #fdfdfd;
  border: solid 1px #eee;
  margin-bottom: 10px;
  cursor: move;
  text-align: center;
}

/*被拖拽对象的样式*/
.move {
  border: 1px dotted #ccc;
}

.move:hover {
  background: rgba(231, 121, 243, .5);
  color: #fff;
}

.chosen {
  background-color: #000 !important;
  color: #fff;
}